<template>
    <div class="chaos-user-discuss-input">

        <div style="width:100px;height:100px;float:left;">
            <img :src="userHeadImgBase64" height="60" width="60" style="border-radius:30px;margin-left:20px;margin-top:10px;"/>
        </div>

        <div style="width:530px;min-height:100px;float:left;">
            <div style="color:#000000;height:100%;line-height:20px;height:20px;margin-top:10px;margin-bottom:5px;">
                人类需要三文鱼
            </div>
            <div style="color:#000000;height:100%;">
                大家都在刷花子妈妈爱你？？？迷惑行为
                饭圈的兄弟们我的英雄学院没了都到地花这里？？
                也不是不理解妈妈粉，大家都是喜欢这部番的啊。。。但是刷什么“妈妈爱你”这种的真的。。
                烦
            </div>
            <div style="height:100%;height:26px;color:#99a2aa;line-height: 26px;font-size: 12px;">
                # 1楼  ， 2020-02-21 15:15
            </div>
            <div class="el-divider el-divider--horizontal" style="margin: 10px 0 0 0 !important;"><!----></div>
        </div>




    </div>
</template>

<script>
    export default {
        name: "chaosUserDiscuss",
        data(){
            return{
                userHeadImgBase64:'',
                isInputAreaHover:false,
                isTextAreaHover:false,
                isTextAreaClick:false
            }
        },
        methods:{
            textAreaHover(){
                var self = this;
                if(self.isTextAreaHover&&!self.isTextAreaClick){
                    self.isTextAreaHover = false;
                    return;
                }

                if(!self.isTextAreaHover&&!self.isTextAreaClick){
                    self.isTextAreaHover = true;
                    return;
                }
            },

            inputAreaHover(){
                this.textAreaHover();
                var self = this;
                if(self.isInputAreaHover){
                    self.isInputAreaHover = false;
                    return;
                }

                if(!self.isInputAreaHover){
                    self.isInputAreaHover = true;
                    return;
                }

                // debugger;
            }
        },
        created(){
            var self = this;
            var storage=window.localStorage;
            var chaosTokenInfo = storage.getItem("chaosToken");

            if(chaosTokenInfo!=null){
                self.showLoginAndRegister = false;
                self.showUserInfo = true;
                self.searchHotPointWidth = 350;
                self.$api.get('userController/getUserHeadImg',null, result => {
                    self.userHeadImgBase64 = result;
                });

            }

        },

    }
</script>

<style scoped>
    .chaos-user-discuss-input{
        min-height:100px;
        width:100%;
        margin:0 0 10px 0;
        float:left;
    }

</style>
